@charset "utf-8";
:root{--main-color:#004ea1;}


/*index pub css*/
.index_pub_title{text-align:center;}
.index_pub_title p{font-size:40px;font-weight:bold;color:#000;line-height:50px;}
.index_pub_title span{font-size:18px;font-weight:400;line-height:28px;color:#999999;padding-top:15px;display:inline-block;}
@media(max-width:768px){
.index_pub_title p{font-size:26px;}
.index_pub_title span{font-size:14px;padding-top:0px;line-height:20px;}
}
.public_more_02{height:50px;border-radius:0px 0px 0px 0px;border:1px solid #666666;padding:0 24px;display:inline-block;font-size:16px;font-weight:400;color:#666666;line-height:50px;-webkit-transition:background .3s;-o-transition:background .3s;transition:background .3s;}
.public_more_02:hover{border-color:var(--main-color);background:var(--main-color);color:#fff;}
.pub_img{position:relative;overflow:hidden;}
.pub_img i{position:absolute;z-index:1;width:100%;height:100%;left:0;top:0;background-size:cover;background-position:center;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;}
.pub_img img{width:100%;}
@media(max-width:768px){
.public_more_02{height:42px;padding:0 16px;font-size:14px;line-height:42px;}
}

.index_film{background-color:#f9f9f9;padding:56px 0 0px;}
.index_film .con{padding-top:50px;}
.index_film .swiper-container1{padding:25px 0;position:relative;}
.index_film .swiper-container1 .swiper-slide{opacity:.6;cursor:pointer;}
.index_film .swiper-container1 .swiper-slide .film_img{position:relative;overflow:hidden; width:50%; float:left;}
.index_film .swiper-container1 .swiper-slide .film_img i{position:absolute;z-index:1;width:100%;height:100%;left:0;top:0;background-size:cover;background-position:center;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;}
.index_film .swiper-container1 .swiper-slide .film_img i p{padding:40px; font-size:22px; color:#fff; font-weight:bold;}
.index_film .swiper-container1 .swiper-slide .film_img img{width:100%;}
.index_film .swiper-container1 .swiper-slide .film_img:hover i{transform: scale(1.1);}

.index_film .swiper-container1 .swiper-slide .film_img_right{position:relative;overflow:hidden; width:50%; float:left;}
.index_film .swiper-container1 .swiper-slide .film_img_right .film_list{position:relative;overflow:hidden; width:calc(50% - 24px); float:left; margin:0 0 24px 24px;}
.index_film .swiper-container1 .swiper-slide .film_img_right .film_list i{position:absolute;z-index:1;width:100%;height:100%;left:0;top:0;background-size:cover;background-position:center;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;}
.index_film .swiper-container1 .swiper-slide .film_img_right .film_list img{width:100%;}
.index_film .swiper-container1 .swiper-slide .film_img_right .film_list:hover i{transform: scale(1.05);}

.index_film .swiper-container1 .swiper-slide-active{opacity:1;}
.index_film .btn{position:absolute;height:94px;left:0;right:0;top:calc(50% - 25px);z-index:1;pointer-events:none;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.index_film .btn .btn_{width:45px;height:80px;background:#FFFFFF;border-radius:0px 0px 0px 0px;pointer-events:auto;cursor:pointer;background-image:url(../images/more_gray.svg);background-position:center;background-repeat:no-repeat;background-size:24px;}
.index_film .btn .btn_:hover{background-color:var(--main-color);background-image:url(../images/more_white.svg);}
.index_film .btn .btn_.prev{float:left;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.index_film .btn .btn_.next{float:right;}
.index_film .more{text-align:center;}
.index_film .more p{font-size:24px;font-weight:400;color:#333333;letter-spacing:1px;font-weight:bold;}
.index_film .more span{display:block;font-size:16px;font-weight:400;color:#666666;line-height:24px;letter-spacing:1px;max-width: 660px;margin: 24px auto 0;}
.index_film .more .i{display:none;}
.index_film .more .i:first-child{display:block;}
.index_film .more .public_more_02{margin-top:0px;}
.index_film .swiper-pagination{bottom:0;}
.index_film .swiper-pagination-bullet{width:16px;height:2px;background:#CCCCCC;border-radius:0px 0px 0px 0px;opacity:1;}
.index_film .swiper-pagination-bullet-active{background-color:var(--main-color);}
@media(max-width:768px){
    .index_film{padding:30px 0 0 0;}
	.index_film .swiper-container1 .swiper-slide .film_img{width:100%;}
	.index_film .swiper-container1 .swiper-slide .film_img i p{font-size:15px;padding:20px 30px;}
	.index_film .swiper-container1 .swiper-slide .film_img_right{width:100%;}
	.index_film .swiper-container1 .swiper-slide .film_img_right .film_list{width:calc(50% - 10px); margin:10px 5px 0px 5px;}
    .index_film .con{padding-top:0px;}
    .index_film .btn .btn_{width:35px;height:35px;background-size:20px;}
    .index_film .btn{top:50%;}
    .index_film .more{padding-left:20px;padding-right:20px;}
    .index_film .more p{font-size:22px;}
    .index_film .more span{line-height:24px;}
}

.index_case{background-color:#f9f9f9;padding:50px 0 0;}
.index_case .con{padding-top:50px;}
.index_case .swiper-container2{padding-bottom:25px;position:relative;}
.index_case .swiper-container2 .swiper-slide{opacity:.6;cursor:pointer;}
.index_case .swiper-container2 .swiper-slide-active{opacity:1;}
.index_case .btn{position:absolute;height:56px;left:0;right:0;top:calc(50% - 25px);z-index:1;pointer-events:none;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.index_case .btn .btn_{width:56px;height:56px;background:#FFFFFF;border-radius:0px 0px 0px 0px;pointer-events:auto;cursor:pointer;background-image:url(../images/more_gray.svg);background-position:center;background-repeat:no-repeat;background-size:24px;}
.index_case .btn .btn_:hover{background-color:var(--main-color);background-image:url(../images/more_white.svg);}
.index_case .btn .btn_.prev{float:left;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.index_case .btn .btn_.next{float:right;}
.index_case .more{text-align:center;padding-top:30px;}
.index_case .more p{font-size:24px;font-weight:400;color:#333333;letter-spacing:1px;font-weight:bold;}
.index_case .more span{display:block;font-size:16px;font-weight:400;color:#666666;line-height:24px;letter-spacing:1px;max-width: 660px;margin: 24px auto 0;}
.index_case .more .i{display:none;}
.index_case .more .i:first-child{display:block;}
.index_case .more .public_more_02{margin-top:50px;}
.index_case .swiper-pagination{bottom:0;}
.index_case .swiper-pagination-bullet{width:16px;height:2px;background:#CCCCCC;border-radius:0px 0px 0px 0px;opacity:1;}
.index_case .swiper-pagination-bullet-active{background-color:var(--main-color);}
@media(max-width:768px){
    .index_case{padding:30px 0;}
    .index_case .con{padding-top:30px;}
    .index_case .btn .btn_{width:42px;height:42px;background-size:20px;}
    .index_case .btn{top:50%;}
    .index_case .more{padding-left:20px;padding-right:20px;}
    .index_case .more p{font-size:22px;}
    .index_case .more span{line-height:24px; font-size:13px;}
	.index_case .more .public_more_02{margin-top:20px;}
}


.index_by{background-color:#f9f9f9;padding:50px 0;}
.index_by .con{padding-top:50px;}
.index_by .swiper-container3{padding-bottom:25px;position:relative;}
.index_by .swiper-container3 .swiper-slide{opacity:1;cursor:pointer;}
.index_by .swiper-container3 .swiper-slide .by_img{position:relative;overflow:hidden; width:100%; float:left;}
.index_by .swiper-container3 .swiper-slide .by_img .by_list{position:relative;overflow:hidden; width:100%; float:left;}
.index_by .swiper-container3 .swiper-slide .by_img .by_list i{position:absolute;z-index:1;width:100%;height:100%;left:0;top:0;background-size:cover;background-position:center;-webkit-transition:.4s;-o-transition:.4s;transition:.4s;}
.index_by .swiper-container3 .swiper-slide .by_img .by_list img{width:100%;}
.index_by .swiper-container3 .swiper-slide .by_img .by_list:hover i{transform: scale(1.1);}
.index_by .swiper-container3 .swiper-slide .by_img .by_tit{position:relative;overflow:hidden; width:100%; float:left; padding:5% 8%; background:#ebebeb;}
.index_by .swiper-container3 .swiper-slide .by_img .by_tit p{font-size:15px; color:#000; line-height:30px;}

.index_by .swiper-container3 .swiper-slide-active{opacity:1;}
.index_by .btn{position:absolute;height:64px;left:0;right:0;top:calc(50% - 25px);z-index:1;pointer-events:none;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}
.index_by .btn .btn_{width:45px;height:50px;background:#FFFFFF;border-radius:0px 0px 0px 0px;pointer-events:auto;cursor:pointer;background-image:url(../images/more_gray.svg);background-position:center;background-repeat:no-repeat;background-size:24px;}
.index_by .btn .btn_:hover{background-color:var(--main-color);background-image:url(../images/more_white.svg);}
.index_by .btn .btn_.prev{float:left;-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}
.index_by .btn .btn_.next{float:right;}
.index_by .more{text-align:center;}
.index_by .more p{font-size:24px;font-weight:400;color:#333333;letter-spacing:1px;font-weight:bold;}
.index_by .more span{display:block;font-size:16px;font-weight:400;color:#666666;line-height:24px;letter-spacing:1px;max-width: 660px;margin: 24px auto 0;}
.index_by .more .i{display:none;}
.index_by .more .i:first-child{display:block;}
.index_by .more .public_more_02{margin-top:20px;}
.index_by .swiper-pagination{bottom:0;}
.index_by .swiper-pagination-bullet{width:16px;height:2px;background:#CCCCCC;border-radius:0px 0px 0px 0px;opacity:1;}
.index_by .swiper-pagination-bullet-active{background-color:var(--main-color);}
@media(max-width:768px){
    .index_by{padding:0 0 30px 0;}
	.index_by .swiper-container3 .swiper-slide .by_img{width:100%;}
	.index_by .swiper-container3 .swiper-slide .by_img .by_tit p{font-size:13px; line-height:25px;}
    .index_by .con{padding-top:30px;}
    .index_by .btn .btn_{width:35px;height:35px;background-size:20px;}
    .index_by .btn{top:50%;}
    .index_by .more{padding-left:20px;padding-right:20px;}
    .index_by .more p{font-size:22px;}
    .index_by .more span{line-height:24px;}
}

.index_advantage{background-color:#f9f9f9;padding:60px 0 30px 0;}
.index_advantage .advantage_con{padding-top:50px;}
.index_advantage .advantage_con .dl_list{width:24%; float:left; margin:0 0.5%; position:relative; padding-bottom:10%;}
.index_advantage .advantage_con .dl_list .dl_back{width:100%; height:16.5vw; background:rgba(0,0,0,0.05); position:relative;z-index:1; transition:all ease-in-out .5s;}
.index_advantage .advantage_con .dl_list img{width:100%; float:left; height:auto; position:absolute; z-index:2; transition:all ease-in-out .5s;}
.index_advantage .advantage_con .dl_list .imgtxt{width:100%; float:left; position:absolute; padding-top:16.5vw; z-index:2; text-align:center; transition:all ease-in-out .5s;}
.index_advantage .advantage_con .dl_list .imgtxt .p1{width:100%; font-size:16px; line-height:20px; padding:15px 0; color:#3c494f; font-weight:bold;}
.index_advantage .advantage_con .dl_list .imgtxt .p_xian{width:100%; height:1px; background:#eeeeee;transition:all ease-in-out .5s;}
.index_advantage .advantage_con .dl_list .imgtxt .p2{width:100%; padding:5% 5%; font-size:13px; line-height:25px; color:#8e8e8e; }
.index_advantage .advantage_con .dl_list:hover .dl_back{background:#004ea1;}
.index_advantage .advantage_con .dl_list:hover .imgtxt{padding-top:1vw;}
.index_advantage .advantage_con .dl_list:hover .imgtxt .p1{width:100%;color:#fff;font-size:20px;padding:15px 8%;}
.index_advantage .advantage_con .dl_list:hover .imgtxt .p_xian{width:25px; height:3px; background:#fff; margin:auto;}
.index_advantage .advantage_con .dl_list:hover .imgtxt .p2{color:#fff; padding:5% 5%;}
.index_advantage .advantage_con .dl_list:hover img{padding:8vw 2% 0vw 2%;}
.applications {display: flex;width: 100%;box-sizing: border-box;height:60vh;}
.ad_list {flex: 1; overflow: hidden; transition: .5s; margin: 0 0.1%; box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1); line-height: 0;}
.ad_list > img {width:200%; height: calc(100% - 7vh); -o-object-fit: cover; object-fit: cover; transition: .5s;}
.ad_list > span {font-size:2vh;color:#3c494f; display: block; text-align: center; height:7vh; line-height:3;}
.ad_list:hover {flex: 1 1 50%;}
.ad_list:hover > img {width: 100%; height: 100%;}

.index_partner{background-color:#f9f9f9;padding:60px 0 50px 0;}
.index_partner .cooperate_con{padding-top:50px;}
.cooperate_con h5 {
  width:19%;
  padding:1%;
  margin:0.5%;
  float:left;
  background: none;
  border: 0;
  box-sizing: border-box;
  box-shadow: inset 0 0 0 1px #dddddd;
  color: #dddddd;
  font-size: inherit;
  text-align: center;
  text-transform: capitalize;
  position: relative;
  vertical-align: middle;
}
.cooperate_con h5 .title{
  width:100%;
  color:#333;
  line-height:40px;
  background:#cecece;
}
.cooperate_con h5 p{
  width:100%;
  color:#8f8f8f;
  line-height:30px;
  padding-top:10px;
}
h5::before, h5::after {
  box-sizing: border-box;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
}
.cooperate_con h5 img{width:100%;height:auto;}
.draw {
  -webkit-transition: color 0.25s;
          transition: color 0.25s;
}
.draw::before, .draw::after {
  border: 3px solid transparent;
  width: 0;
  height: 0;
}
.draw::before {
  top: 0;
  left: 0;
}
.draw::after {
  bottom: 0;
  right: 0;
}
.draw:hover {
  color: #8f8f8f;
}
.draw:hover::before, .draw:hover::after {
  width: 100%;
  height: 100%;
}
.draw:hover::before {
  border-top-color: #004ea1;
  border-right-color: #004ea1;
  -webkit-transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
          transition: width 0.25s ease-out, height 0.25s ease-out 0.25s;
}
.draw:hover::after {
  border-bottom-color: #004ea1;
  border-left-color: #004ea1;
  -webkit-transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
          transition: border-color 0s ease-out 0.5s, width 0.25s ease-out 0.5s, height 0.25s ease-out 0.75s;
}

@media screen and (max-width: 1680px) { 
.index_advantage .advantage_con .dl_list .dl_back{height:17vw;}
.index_advantage .advantage_con .dl_list .imgtxt{padding-top:17vw;}
} 
@media screen and (max-width: 1400px) { 
.index_advantage .advantage_con .dl_list .dl_back{height:20vw;}
.index_advantage .advantage_con .dl_list .imgtxt{padding-top:20vw;}
} 
@media screen and (max-width: 1023px) { 
.index_advantage .advantage_con .dl_list{padding-bottom:20%;}
.cooperate_con h5 {
  width:32.33%;margin:0.5%;
}
} 
@media screen and (max-width: 980px) { 
.index_advantage .advantage_con .dl_list{width:49%; padding-bottom:25%;}
.index_advantage .advantage_con .dl_list .dl_back{height:35vw;}
.index_advantage .advantage_con .dl_list .imgtxt{padding-top:35vw;}
.index_advantage .advantage_con .dl_list:hover img{padding:18vw 0 0.5vw 0;}
}
@media screen and (max-width: 767px) { 
.index_advantage{padding:30px 0 0px 0;}
.index_advantage .advantage_con{padding-top:20px;}
.index_advantage .advantage_con .dl_list{padding-bottom:18%;}
.index_advantage .advantage_con .dl_list .dl_back{height:38vw;}
.index_advantage .advantage_con .dl_list .imgtxt{padding-top:38vw;}
.index_advantage .advantage_con .dl_list .imgtxt .p1{font-size:15px; line-height:18px;}
.index_advantage .advantage_con .dl_list .imgtxt .p2{display:none;}
.index_advantage .advantage_con .dl_list:hover .imgtxt .p1{font-size:16px;}
.ad_list > span {font-size:1.5vh;height:4vh; line-height:4;}
.index_partner{padding:0 0 30px 0;}
.cooperate_con h5 {
  width:48%;
  padding:3%;
  margin:1%;
}
}

@-webkit-keyframes shake-top{
    0%,
    100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:50% 0;transform-origin:50% 0;}
    10%{-webkit-transform:rotate(2deg);transform:rotate(2deg);}
    20%,
    40%,
    60%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg);}
    30%,
    50%,
    70%{-webkit-transform:rotate(4deg);transform:rotate(4deg);}
    80%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg);}
    90%{-webkit-transform:rotate(2deg);transform:rotate(2deg);}
}
@keyframes shake-top{
    0%,
    100%{-webkit-transform:rotate(0deg);transform:rotate(0deg);-webkit-transform-origin:50% 0;transform-origin:50% 0;}
    10%{-webkit-transform:rotate(2deg);transform:rotate(2deg);}
    20%,
    40%,
    60%{-webkit-transform:rotate(-4deg);transform:rotate(-4deg);}
    30%,
    50%,
    70%{-webkit-transform:rotate(4deg);transform:rotate(4deg);}
    80%{-webkit-transform:rotate(-2deg);transform:rotate(-2deg);}
    90%{-webkit-transform:rotate(2deg);transform:rotate(2deg);}
}
@-webkit-keyframes opa{
    0%{opacity:1;}
    100%{opacity:.2;}
}
@keyframes opa{
    0%{opacity:1;}
    100%{opacity:.2;}
}